<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>zoomEffect jQuery Plugin - Gallery Example</title>
    <link rel="stylesheet" href="styles/style.css">
    <script type="text/javascript" src="../../lib/jquery.1.6.1.min.js"></script>
    <script type="text/javascript" src="../../lib/jquery.zoomEffect.js"></script>
    <script type="text/javascript" src="js/gallery.js"></script>
</head>
<body>
<a href="#" onclick="history.go(-1);return false;">Back</a>
<ul id="gallery">
    <li><img src="media/images/demo1.jpg" class="image" id="demo1"></li>
    <li><img src="media/images/demo2.jpg" class="image" id="demo2"></li>
    <li><img src="media/images/demo3.jpg" class="image" id="demo3"></li>
    <li><img src="media/images/demo4.jpg" class="image" id="demo4"></li>
    <li><img src="media/images/demo5.jpg" class="image" id="demo5"></li>
</ul>
<p>External:</p>
<ul id="externals">
    <li rel="demo1" class="external">demo1</li>
    <li rel="demo2" class="external">demo2</li>
    <li rel="demo3" class="external">demo3</li>
    <li rel="demo4" class="external">demo4</li>
    <li rel="demo5" class="external">demo5</li>
</ul>
</body>
</html>